<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>招商加盟</title>
  <link rel="stylesheet" href="/style.css" />
  <link rel="stylesheet" href="./contact.scss" />
</head>

<body>
  <header class="header">
    <div class="top max-sm:hidden bg-[#f5f5f5]">
      <div class="group flex items-center justify-end mx-auto h-[40px] md:w-[80rem]">
        <img src="./assets/img/wechat.png" width="17" alt="关注汇塑云" />
        <span class="text ml-1">关注汇塑云</span>
      </div>
    </div>
    <div class="nav py-4 flex justify-between items-center md:w-[80rem] mx-auto">
      <a href="/" class="logo flex">
        <img src="./assets/img/logo.png" width="52" class="md:w-[104px]" alt="">
        <img src="./assets/img/hsy.png" class="text ml-2 max-sm:hidden" width="125">
      </a>
      <div class="menu">
        <img src="./assets/img/menu.png" width="23" alt="" class="menu-btn hidden max-sm:block">
        <div class="modal fade-in">
          <div class="modal-menu">
            <img src="./assets/img/menu.png" width="23" alt="" class="menu-btn hidden max-sm:block m-4 ml-auto">
            <div class="modal-menu-item">
              <a href="index.html">首页</a>
            </div>
            <div class="modal-menu-item">
              <a href="work.html">业务体系</a>
            </div>
            <div class="modal-menu-item">
              <a href="join.html">招商加盟</a>
            </div>
            <div class="modal-menu-item">
              <a href="contact.html" class="active">联系我们</a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="banner relative">
      <img src="./assets/img/scontact.png" alt="" class="img md:hidden">
      <img src="./assets/img/contact.png" alt="" class="img max-md:hidden">
      <div class="content md:max-w-7xl md:mx-auto">
        <h1>
          <b>汇塑云</b>联系方式
        </h1>
      </div>
    </div>
  </header>
  <main class="main md:w-[90rem] md:mx-auto md:px-[5rem] max-md:pb-7">
    <h2 class="text-center max-md:text-2xl md:text-4xl max-md:leading-none">
      联系我们
    </h2>
    <p class="max-md:mt-5 max-md:mb-10 text-center max-md:text-sm md:text-xl">联系汇塑云专家, 了解如何提高效率得到有效服务</p>
    <div class="card-list">
      <div class="card">
        <img src="./assets/img/mail.png" alt="" width="35">
        <div class="title">企业邮箱</div>
        <div class="desc">huisuclouds@huisuclouds.com</div>
      </div>
      <div class="card">
        <img src="./assets/img/addr.png" alt="" width="34">
        <div class="title">公司总部</div>
        <div class="desc">上海市奉贤区大叶公路8188号8幢</div>
      </div>
      <div class="card">
        <img src="./assets/img/tel.png" alt="" width="33">
        <div class="title">联系方式</div>
        <div class="desc">13120887610</div>
      </div>
    </div>
  </main>
  <footer class="footer px-4 py-5 bg-[#0f1833] text-[#949ea8]">
    <div class="footer-content md:w-[80rem] md:mx-auto">
      <div class="col">
        <div class="title text-[15px] mb-2 leading-none">上海总部</div>
        <div class="addr text-[12px] mb-2">地址：上海市奉贤区大叶公路8188号8幢<br>
          邮箱：huisuclouds@huisuclouds.com　电话：13120887610</div>
      </div>
      <div class="col text-center max-sm:hidden">
        <img class="mb-3 mx-auto" src="./assets/img/qrcode.png" alt="" width="132">
        <span class="text-[18px]">关注汇塑云公众号</span>
      </div>
    </div>
    <div class="beian text-[12px] md:text-[18px] text-center">浙ICP备 2024106763号-1</div>
  </footer>
  <script src="./index.js" type="module"></script>
</body>

</html>
